@media (max-width:1230px) {
	.roleassignment .modal-dialog{max-width: 1200px;width: auto;margin: 0px 15px;}
	.roleassignment .modal-dialog .modal-content{margin: 0px 15px;}
	.home-right-product.right-product .info-top .col-sm-3 .fast .pull-right .del span,
	.home-right-product.right-product .info-top .col-sm-3 .fast .pull-right .del p{font-size: 12px;}
}
@media  screen and (max-width: 1100px){
	.navbar-nav>li{margin:0px 10px ;}
}
@media (min-width:768px) {
	.modal-dialog {max-width: 600px;/*max-height: 650px;*/}
	.roleassignment .modal-dialog{max-width: 1200px;width: auto;}
	.modal-dialog.modal-lg-roleby{width: 1138px;max-width: 1138px;}
}
@media  screen and (max-width: 767px){
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: initial;}
	.navbar-toggle{border: none;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: initial;}
	.control-label{text-align: left;}
	.header .nav-ul{position: initial;background-image: linear-gradient( to right, #49778F , #59899F,#49778F); margin: 0px -15px;height: 100vh;}
	.navbar-nav>li .built-in{display: none;}
	.wh12.col-xs-12{width: 100%;}
	.header .logo{position: fixed;    top: 0px;left: 0px;}
	.navbar-header{height: 100%;}
	.navbar-toggle{padding: 13px 10px;}
	.login-main .login-main-bg,
	.login-border .login-mar{flex-direction: column;    overflow-y: auto;}
	.login-border{margin: auto 10px;}
	.login{min-width: initial;max-width: 400px;    padding: 0px 15px;}
	.search-width{width: 150px;}
}



